/*for index*/
.index {
  width: 3.75rem;
  height: 100vh;
  position: relative;
  overflow: hidden;
  top: -0.5rem;
}

.index .bannerBox {
  width: 100%;
  height: 1.35rem;
  margin-bottom: 0.1rem;
}

.index .bannerBox .swiper-container {
  width: 100%;
  height: 1.35rem;
}

.index .bannerBox .swiper-container img {
  width: 100%;
  height: 100%;
}

.index .titleBox {
  position: relative;
  background: #ddd;
  z-index: 55;
}

.index .titleBox h3 {
  color: #B2AFAF;
  font-weight: normal;
}

.index .spotItem {
  width: 3.75rem;
}

.index .spotItem .spotLis {
  width: 1.775rem;
  overflow: hidden;
  float: left;
  margin: 0.05rem;
  color: #666;
}

.index .spotItem .spotLis .spotLisCont {
  display: block;
}

.index .spotItem .spotLis img {
  width: 100%;
  height: 1.35rem;
  border-radius: 0.05rem;
  margin-bottom: 0.02rem;
}

.index .spotItem .spotLis .spotTitle {
  font-size: 0.16rem;
  font-weight: bold;
  line-height: 0.3rem;
  height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-align: left;
}

.index .spotItem .spotLis .slcNum {
  text-align: left;
  float: left;
}

.index .spotItem .spotLis .slcNumR {
  float: right;
}

.index .spotItem .spotLis .slcNumL {
  color: #f60;
  font-weight: bold;
}
